@mixin triangleLeft($value: 11px) {
  border-top: $value solid transparent;border-left: ($value*2) solid #ffffff;border-bottom: $value solid transparent;width: 0;  height: 0;
}


body{ background: #ffffff; font-size: 14px;}
.pay_detalinfo{ width: 990px; margin: 0 auto; position: relative;
    label{float: left; color: #999999;}
    ins{ text-decoration: none}
    .pay_detalinfo_ul{ border: 1px solid #e8e8e8; height: 95px; line-height: 95px;
      .detail_id{ float: left;
        label{ width: 126px; text-indent: 39px; }
        span{ width: 110px; float: left; color: #333333;}
        a{ color: #03a9f4;display: none}
      }
      .detail_payinfo{ float: right}
      .payRMB,
      .pay_intergral{ float: left}
      .payRMB{ color: #666666; padding-right: 20px;
        span{ line-height:91px;}
        label{ margin-right: 10px;}
        ins{ color: #e51c23; margin-right: 4px; font-size: 18px;}
      }
      .pay_intergral{ background: #EFFAFE; padding:0 30px; position: relative;
        label{ padding-right: 68px;}
        span{ line-height:81px;}
        ins{ color: #e51c23; font-weight: bolder; font-size: 28px; margin-right: 3px;}
        .triangle{  position: absolute; left: 0; top:37px;@include triangleLeft(11px) }
      }
    }
    .intergral_tips{ line-height: 53px; height: 53px;
      span{ float: right; padding: 0 28px;position: relative;}
      i.error{ width: 15px; height: 15px; position: absolute; left: 4px; top:19px; background: url() no-repeat }
    }
    .detail_list{ position: absolute; width: 602px; border: 1px solid #CBCBCB; padding: 20px; background: #ffffff;
      .cols1{ float: left; width: 390px;}
      .cols2{ float: left; width: 120px;}
      .cols3{ float: left; width: 90px;}
    }
    .detail_list_title{ height: 30px; line-height: 30px; background: #f0f0f0;
      .cols1,
      .cols2,
      .cols3{text-align: center}
    }
}
